import { Button, Space } from 'gratify-ui';
import React from 'react';

export default () => {
  return (
    <div className="demoMargin">
      <div>
        <p>small</p>
        <Space size="small">
          <Button text="主要按钮" type="primary" />
          <Button text="警告按钮" type="warning" />
          <Button text="危险按钮" type="danger" />
        </Space>
      </div>
      <div>
        <p>middle</p>
        <Space size="middle">
          <Button text="主要按钮" type="primary" />
          <Button text="警告按钮" type="warning" />
          <Button text="危险按钮" type="danger" />
        </Space>
      </div>
      <div>
        <p>large</p>
        <Space size="large">
          <Button text="主要按钮" type="primary" />
          <Button text="警告按钮" type="warning" />
          <Button text="危险按钮" type="danger" />
        </Space>
      </div>
    </div>
  );
};
